<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>PPT模板</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no">
		<link rel="stylesheet" href="css/test01.css" />
		<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
		<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
		<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
		<script src="js/text01.js"></script>
		<style type="text/css">
			a:link {
				text-decoration: none;
			}
		</style>
	</head>
	<body>
		<!-- 下滑固定导航栏 -->
		<div class="fixed_nav">
			<!-- 版心大小控制 -->
			<div class="container">
				<!-- logo部分 -->
				<div class="logo">
					<img src="img/logo.png" alt="">蓝山办公
					<div class="logo_none">
						<img src="img/tuo_logo.png" alt="">
					</div>
				</div>
				<!-- 两个模块 -->
				<ul>
					<li><a href="../index.html">首页</a></li>
					<li>
						<a href="javascript:;">分类</a>
					</li>
				</ul>
				<!-- 固定搜索栏 -->
				<div class="search">
					<div class="search_input">
						<span>全部</span>
						<input type="text" placeholder="搜索精选模板">
						<button> 搜索</button>
					</div>
				</div>
				<!-- 登录注册模块 -->
				<div class="login">
					<a href="javascript:;">登录</a>
					<a href="javascript:;">注册</a>
				</div>
			</div>
		</div>

		<!-- 固定右侧边栏 -->
		<div class="cbl">
			<ul>
				<li>
					<img src="img/icon_vip.png" alt="">
					VIP
				</li>
				<li>
					<img src="img/icon_money.png" alt="">
					赚钱
				</li>
				<li>
					<img src="img/icon_kefu.png" alt="">
					客服
				</li>
				<li>
					<img src="img/icon_suggest.png" alt="">
					反馈
				</li>
				<li>
					<img src="img/help.png" alt="">
					帮助
				</li>
			</ul>
			<div class="back">
				<img src="img/return_top.png" alt="">
				顶部
			</div>
		</div>
		<!-- 主体部分 -->
		<div class="major">
			<div class="major-header">
				<!-- 01 -->
				<div class="major-a">
					<span class="title">当前位置：</span>
					<a href="javascript:;">蓝山办公首页</a>
					<img src="img/path_icon.png" alt="">
					<a href="javascript:;" target="_blank">
						<h1 style="font-size:14px;color:#007BF8;">PPT模板</h1>
					</a>
				</div>
				<!-- 02--白01 -->
				<div class="major-b">
					<ul class="major-b1">
						<li class="">
							<a href="javascript:;">全部</a>
						</li>
						<li class=" active ">
							<a href="javascript:;">PPT模板</a>
						</li>
						<li class="">
							<a href="Excel模板.html">Excel模板</a>
						</li>
						<li class="#">
							<a href="Word模板.html">Word模板</a>
						</li>
					</ul>
					<!-- 白02 -->
					<div class="major-b2" style="padding-bottom:10px;">
						<div class="major-b2-name">场景：</div>
						<div class="major-b2-list">
							<ul class="major-b2-page" id="show">
								<li class=" active ">
									<a href="javascript:;">全部</a>
								</li>
								<li class="">
									<a href="javascript:;">总结计划</a>
								</li>
								<li class="">
									<a href="javascript:;">教育培训</a>
								</li>
								<li class="">
									<a href="javascript:;">节日庆典</a>
								</li>
								<li class="">
									<a href="javascript:;">毕业答辩</a>
								</li>
								<li class="">
									<a href="javascript:;">求职简历</a>
								</li>
								<li class="">
									<a href="javascript:;">营销策划</a>
								</li>
								<li class="">
									<a href="javascript:;">述职汇报</a>
								</li>
								<li class="">
									<a href="javascript:;">医疗卫生</a>
								</li>
								<li class="">
									<a href="javascript:;">其他</a>
								</li>
								<div id="btnshow" style="display: none;">
									<li>
										<a href="javascript:;">商业计划书</a>
									</li>
									<li>
										<a href="javascript:;">行业通用</a>
									</li>
									<li>
										<a href="javascript:;">校园通用</a>
									</li>
									<li>
										<a href="javascript:;">环保公益</a>
									</li>
									<li>
										<a href="javascript:;">企业管理</a>
									</li>
								</div>
							</ul>
						</div>
						<button class="major-get-more" type="button">
							<a href="javascript:divShow();" id="btnhref" class="btn-slide">
								<span>更多</span>
								<img src="img/right_down.png">
							</a>
						</button>
					</div>
					<script type="text/javascript">
						function divShow() {
							document.getElementById("btnshow").style.display = "block";
							document.getElementById("btnhref").innerHTML = "收起";
							document.getElementById("btnhref").href = "javascript:divhidden()";
						}

						function divhidden() {
							document.getElementById("btnshow").style.display = "none";
							document.getElementById("btnhref").innerHTML = "更多";
							document.getElementById("btnhref").href = "javascript:divShow()";
						}
					</script>


					<!-- 白03 -->
					<div class="major-b2" style="padding-bottom:10px;">
						<div class="major-b2-name">风格：</div>
						<div class="major-b2-list">
							<ul class="major-b2-page" id="major-item">
								<li class=" active ">
									<a href="javascript:;">全部</a>
								</li>
								<li class="">
									<a href="javascript:;">商务风</a>
								</li>
								<li class="">
									<a href="javascript:;">中国风</a>
								</li>
								<li class="">
									<a href="javascript:;">小清新</a>
								</li>
								<li class="">
									<a href="javascript:;">简洁风</a>
								</li>
								<li class="">
									<a href="javascript:;">卡通风</a>
								</li>
								<li class="">
									<a href="javascript:;">微粒体</a>
								</li>
								<li class="">
									<a href="javascript:;">科技风</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<!-- 03 -->
				<div class="major-c">
					<h3 class="major-titles">排序</h3>
					<ul class="major-c-list">
						<li class=" active ">
							<a href="javascript:;">综合排序</a>
						</li>
						<li class="">
							<a href="javascript:;">最新上传</a>
						</li>
						<li class="">
							<a href="javascript:;">热门下载</a>
						</li>
					</ul>
				</div>
				<!-- 图片部分 -->
				<div class="row">
					<!-- 第一组 -->
					<div class="box col-sm-6 col-md-3">
						<div class="thumbnail">
							<a href="javascript:;">
								<img src="img/p1.jpg" alt="孟菲斯年终工作总结汇报PPT模板" />
								<div class="caption">
									<h5>孟菲斯年终工作总结汇报PPT模板</h5>
								</div>
							</a>
							<div class="thumbnail-box">
								<button class="active download" id="download">
									<span>立即下载</span>
									<img src="img/download_icon.png" />
								</button><br />
								<button class="keep" id="keep">
									<span>收藏</span>
									<img src="img/keep_icon.png" />
								</button>
							</div>
						</div>
					</div>
					<div class="col-sm-6 col-md-3">
						<div class="thumbnail">
							<a href="javascript:;">
								<img src="img/p2.jpg" alt="莫兰迪风求职简历PPT模板" />
								<div class="caption">
									<h5>莫兰迪风求职简历PPT模板</h5>
								</div>
							</a>
							<div class="thumbnail-box">
								<button class="active download" id="download">
									<span>立即下载</span>
									<img src="img/download_icon.png" />
								</button><br />
								<button class="keep" id="keep">
									<span>收藏</span>
									<img src="img/keep_icon.png" />
								</button>
							</div>
						</div>
					</div>
					<div class="col-sm-6 col-md-3">
						<div class="thumbnail">
							<a href="javascript:;">
								<img src="img/p3.jpg" alt="个人求职简历PPT模板" />
								<div class="caption">
									<h5>个人求职简历PPT模板</h5>
								</div>
							</a>
							<div class="thumbnail-box">
								<button class="active download" id="download">
									<span>立即下载</span>
									<img src="img/download_icon.png" />
								</button><br />
								<button class="keep" id="keep">
									<span>收藏</span>
									<img src="img/keep_icon.png" />
								</button>
							</div>
						</div>
					</div>
					<div class="col-sm-6 col-md-3">
						<div class="thumbnail">
							<a href="javascript:;">
								<img src="img/p4.jpg" alt="销售部工作总结计划PPT模板" />
								<div class="caption">
									<h5>销售部工作总结计划PPT模板</h5>
								</div>
							</a>
							<div class="thumbnail-box">
								<button class="active download" id="download">
									<span>立即下载</span>
									<img src="img/download_icon.png" />
								</button><br />
								<button class="keep" id="keep">
									<span>收藏</span>
									<img src="img/keep_icon.png" />
								</button>
							</div>
						</div>
					</div>
					<!-- 第二组 -->
					<div class="col-sm-6 col-md-3">
						<div class="thumbnail">
							<a href="javascript:;">
								<img src="img/p5.jpg" alt="商务营销汇报PPT模板" />
								<div class="caption">
									<h5>商务营销汇报PPT模板</h5>
								</div>
							</a>
							<div class="thumbnail-box">
								<button class="active download" id="download">
									<span>立即下载</span>
									<img src="img/download_icon.png" />
								</button><br />
								<button class="keep" id="keep">
									<span>收藏</span>
									<img src="img/keep_icon.png" />
								</button>
							</div>
						</div>
					</div>
					<div class="col-sm-6 col-md-3">
						<div class="thumbnail">
							<a href="javascript:;">
								<img src="img/p6.jpg" alt="小清新柔和色彩学习PPT模板" />
								<div class="caption">
									<h5>小清新柔和色彩学习PPT模板</h5>
								</div>
							</a>
							<div class="thumbnail-box">
								<button class="active download" id="download">
									<span>立即下载</span>
									<img src="img/download_icon.png" />
								</button><br />
								<button class="keep" id="keep">
									<span>收藏</span>
									<img src="img/keep_icon.png" />
								</button>
							</div>
						</div>
					</div>
					<div class="col-sm-6 col-md-3">
						<div class="thumbnail">
							<a href="javascript:;">
								<img src="img/p7.jpg" alt="小清新工作总结PPT模板" />
								<div class="caption">
									<h5>小清新工作总结PPT模板</h5>
								</div>
							</a>
							<div class="thumbnail-box">
								<button class="active download" id="download">
									<span>立即下载</span>
									<img src="img/download_icon.png" />
								</button><br />
								<button class="keep" id="keep">
									<span>收藏</span>
									<img src="img/keep_icon.png" />
								</button>
							</div>
						</div>
					</div>
					<div class="col-sm-6 col-md-3">
						<div class="thumbnail">
							<a href="javascript:;">
								<img src="img/p8.jpg" alt="自我介绍PPT模板" />
								<div class="caption">
									<h5>自我介绍PPT模板</h5>
								</div>
							</a>
							<div class="thumbnail-box">
								<button class="active download" id="download">
									<span>立即下载</span>
									<img src="img/download_icon.png" />
								</button><br />
								<button class="keep" id="keep">
									<span>收藏</span>
									<img src="img/keep_icon.png" />
								</button>
							</div>
						</div>
					</div>
					<!-- 第三组 -->
					<div class="col-sm-6 col-md-3">
						<div class="thumbnail">
							<a href="javascript:;">
								<img src="img/p9.jpg" alt="小清新绿叶培训PPT模板" />
								<div class="caption">
									<h5>小清新绿叶培训PPT模板</h5>
								</div>
							</a>
							<div class="thumbnail-box">
								<button class="active download" id="download">
									<span>立即下载</span>
									<img src="img/download_icon.png" />
								</button><br />
								<button class="keep" id="keep">
									<span>收藏</span>
									<img src="img/keep_icon.png" />
								</button>
							</div>
						</div>
					</div>
					<div class="col-sm-6 col-md-3">
						<div class="thumbnail">
							<a href="javascript:;">
								<img src="img/p10.jpg" alt="树师德扬清风PPT模板" />
								<div class="caption">
									<h5>树师德扬清风PPT模板</h5>
								</div>
							</a>
							<div class="thumbnail-box">
								<button class="active download" id="download">
									<span>立即下载</span>
									<img src="img/download_icon.png" />
								</button><br />
								<button class="keep" id="keep">
									<span>收藏</span>
									<img src="img/keep_icon.png" />
								</button>
							</div>
						</div>
					</div>
					<div class="col-sm-6 col-md-3">
						<div class="thumbnail">
							<a href="javascript:;">
								<img src="img/p11.jpg" alt="岗位竞聘PPT模板" />
								<div class="caption">
									<h5>岗位竞聘PPT模板</h5>
								</div>
							</a>
							<div class="thumbnail-box">
								<button class="active download" id="download">
									<span>立即下载</span>
									<img src="img/download_icon.png" />
								</button><br />
								<button class="keep" id="keep">
									<span>收藏</span>
									<img src="img/keep_icon.png" />
								</button>
							</div>
						</div>
					</div>
					<div class="col-sm-6 col-md-3">
						<div class="thumbnail">
							<a href="javascript:;">
								<img src="img/p12.jpg" alt="欢庆国庆PPT模板" />
								<div class="caption">
									<h5>欢国庆节PPT模板</h5>
								</div>
							</a>
							<div class="thumbnail-box">
								<button class="active download" id="download">
									<span>立即下载</span>
									<img src="img/download_icon.png" />
								</button><br />
								<button class="keep" id="keep">
									<span>收藏</span>
									<img src="img/keep_icon.png" />
								</button>
							</div>
						</div>
					</div>
					<!-- 第四组 -->
					<div class="col-sm-6 col-md-3">
						<div class="thumbnail">
							<a href="javascript:;">
								<img src="img/p13.jpg" alt="绿色文明城市PPT模板" />
								<div class="caption">
									<h5>绿色文明城市PPT模板</h5>
								</div>
							</a>
							<div class="thumbnail-box">
								<button class="active download" id="download">
									<span>立即下载</span>
									<img src="img/download_icon.png" />
								</button><br />
								<button class="keep" id="keep">
									<span>收藏</span>
									<img src="img/keep_icon.png" />
								</button>
							</div>
						</div>
					</div>
					<div class="col-sm-6 col-md-3">
						<div class="thumbnail">
							<a href="javascript:;">
								<img src="img/p14.jpg" alt="教学课件PPT模板" />
								<div class="caption">
									<h5>教学课件PPT模板</h5>
								</div>
							</a>
							<div class="thumbnail-box">
								<button class="active download" id="download">
									<span>立即下载</span>
									<img src="img/download_icon.png" />
								</button><br />
								<button class="keep" id="keep">
									<span>收藏</span>
									<img src="img/keep_icon.png" />
								</button>
							</div>
						</div>
					</div>
					<div class="col-sm-6 col-md-3">
						<div class="thumbnail">
							<a href="javascript:;">
								<img src="img/p15.jpg" alt="年终总结汇报PPT模板" />
								<div class="caption">
									<h5>年终总结汇报PPT模板</h5>
								</div>
							</a>
							<div class="thumbnail-box">
								<button class="active download" id="download">
									<span>立即下载</span>
									<img src="img/download_icon.png" />
								</button><br />
								<button class="keep" id="keep">
									<span>收藏</span>
									<img src="img/keep_icon.png" />
								</button>
							</div>
						</div>
					</div>
					<div class="col-sm-6 col-md-3">
						<div class="thumbnail">
							<a href="javascript:;">
								<img src="img/p16.jpg" alt="冬至好佳节PPT模板" />
								<div class="caption">
									<h5>冬至好佳节PPT模板</h5>
								</div>
							</a>
							<div class="thumbnail-box">
								<button class="active download" id="download">
									<span>立即下载</span>
									<img src="img/download_icon.png" />
								</button><br />
								<button class="keep" id="keep">
									<span>收藏</span>
									<img src="img/keep_icon.png" />
								</button>
							</div>
						</div>
					</div>
					<!-- 第五组 -->
					<div class="col-sm-6 col-md-3">
						<div class="thumbnail">
							<a href="javascript:;">
								<img src="img/p17.jpg" alt="教学教育PPT模板" />
								<div class="caption">
									<h5>教学教育PPT模板</h5>
								</div>
							</a>
							<div class="thumbnail-box">
								<button class="active download" id="download">
									<span>立即下载</span>
									<img src="img/download_icon.png" />
								</button><br />
								<button class="keep" id="keep">
									<span>收藏</span>
									<img src="img/keep_icon.png" />
								</button>
							</div>
						</div>
					</div>
					<div class="col-sm-6 col-md-3">
						<div class="thumbnail">
							<a href="javascript:;">
								<img src="img/p18.jpg" alt="年终述职报告PPT模板" />
								<div class="caption">
									<h5>年终述职报告PPT模板</h5>
								</div>
							</a>
							<div class="thumbnail-box">
								<button class="active download" id="download">
									<span>立即下载</span>
									<img src="img/download_icon.png" />
								</button><br />
								<button class="keep" id="keep">
									<span>收藏</span>
									<img src="img/keep_icon.png" />
								</button>
							</div>
						</div>
					</div>
					<div class="col-sm-6 col-md-3">
						<div class="thumbnail">
							<a href="javascript:;">
								<img src="img/p19.jpg" alt="自我介绍通用PPT模板" />
								<div class="caption">
									<h5>自我介绍通用PPT模板</h5>
								</div>
							</a>
							<div class="thumbnail-box">
								<button class="active download" id="download">
									<span>立即下载</span>
									<img src="img/download_icon.png" />
								</button><br />
								<button class="keep" id="keep">
									<span>收藏</span>
									<img src="img/keep_icon.png" />
								</button>
							</div>
						</div>
					</div>
					<div class="col-sm-6 col-md-3">
						<div class="thumbnail">
							<a href="javascript:;">
								<img src="img/p20.jpg" alt="教学素雅PPT模板" />
								<div class="caption">
									<h5>教学素雅PPT模板</h5>
								</div>
							</a>
							<div class="thumbnail-box">
								<button class="active download" id="download">
									<span>立即下载</span>
									<img src="img/download_icon.png" />
								</button><br />
								<button class="keep" id="keep">
									<span>收藏</span>
									<img src="img/keep_icon.png" />
								</button>
							</div>
						</div>
					</div>
					<!-- 第六组 -->
					<div class="col-sm-6 col-md-3">
						<div class="thumbnail">
							<a href="javascript:;">
								<img src="img/p21.jpg" alt="低碳环保公益主题PPT模板" />
								<div class="caption">
									<h5>低碳环保公益主题PPT模板</h5>
								</div>
							</a>
							<div class="thumbnail-box">
								<button class="active download" id="download">
									<span>立即下载</span>
									<img src="img/download_icon.png" />
								</button><br />
								<button class="keep" id="keep">
									<span>收藏</span>
									<img src="img/keep_icon.png" />
								</button>
							</div>
						</div>
					</div>
					<div class="col-sm-6 col-md-3">
						<div class="thumbnail">
							<a href="javascript:;">
								<img src="img/p22.jpg" alt="灰色简约时尚答辩PPT模板" />
								<div class="caption">
									<h5>灰色简约时尚答辩PPT模板</h5>
								</div>
							</a>
							<div class="thumbnail-box">
								<button class="active download" id="download">
									<span>立即下载</span>
									<img src="img/download_icon.png" />
								</button><br />
								<button class="keep" id="keep">
									<span>收藏</span>
									<img src="img/keep_icon.png" />
								</button>
							</div>
						</div>
					</div>
					<div class="col-sm-6 col-md-3">
						<div class="thumbnail">
							<a href="javascript:;">
								<img src="img/p23.jpg" alt="教师教学说课PPT模板" />
								<div class="caption">
									<h5>教师教学说课PPT模板</h5>
								</div>
							</a>
							<div class="thumbnail-box">
								<button class="active download" id="download">
									<span>立即下载</span>
									<img src="img/download_icon.png" />
								</button><br />
								<button class="keep" id="keep">
									<span>收藏</span>
									<img src="img/keep_icon.png" />
								</button>
							</div>
						</div>
					</div>
					<div class="col-sm-6 col-md-3">
						<div class="thumbnail">
							<a href="javascript:;">
								<img src="img/p24.jpg" alt="蓝色炫酷年终总结PPT模板" />
								<div class="caption">
									<h5>蓝色炫酷年终总结PPT模板</h5>
								</div>
							</a>
							<div class="thumbnail-box">
								<button class="active download" id="download">
									<span>立即下载</span>
									<img src="img/download_icon.png" />
								</button><br />
								<button class="keep" id="keep">
									<span>收藏</span>
									<img src="img/keep_icon.png" />
								</button>
							</div>
						</div>
					</div>
					<!-- 第七组 -->
					<div class="col-sm-6 col-md-3">
						<div class="thumbnail">
							<a href="javascript:;">
								<img src="img/p25.jpg" alt="花样演讲口才比赛PPT模板" />
								<div class="caption">
									<h5>花样演讲口才比赛PPT模板</h5>
								</div>
							</a>
							<div class="thumbnail-box">
								<button class="active download" id="download">
									<span>立即下载</span>
									<img src="img/download_icon.png" />
								</button><br />
								<button class="keep" id="keep">
									<span>收藏</span>
									<img src="img/keep_icon.png" />
								</button>
							</div>
						</div>
					</div>
					<div class="col-sm-6 col-md-3">
						<div class="thumbnail">
							<a href="javascript:;">
								<img src="img/p26.jpg" alt="logo活动策划PPT模板" />
								<div class="caption">
									<h5>logo活动策划PPT模板</h5>
								</div>
							</a>
							<div class="thumbnail-box">
								<button class="active download" id="download">
									<span>立即下载</span>
									<img src="img/download_icon.png" />
								</button><br />
								<button class="keep" id="keep">
									<span>收藏</span>
									<img src="img/keep_icon.png" />
								</button>
							</div>
						</div>
					</div>
					<div class="col-sm-6 col-md-3">
						<div class="thumbnail">
							<a href="javascript:;">
								<img src="img/p27.jpg" alt="运营数据复盘PPT模板" />
								<div class="caption">
									<h5>运营数据复盘PPT模板</h5>
								</div>
							</a>
							<div class="thumbnail-box">
								<button class="active download" id="download">
									<span>立即下载</span>
									<img src="img/download_icon.png" />
								</button><br />
								<button class="keep" id="keep">
									<span>收藏</span>
									<img src="img/keep_icon.png" />
								</button>
							</div>
						</div>
					</div>
					<div class="col-sm-6 col-md-3">
						<div class="thumbnail">
							<a href="javascript:;">
								<img src="img/p28.jpg" alt="工作总结畅享世界PPT模板" />
								<div class="caption">
									<h5>工作总结畅享世界PPT模板</h5>
								</div>
							</a>
							<div class="thumbnail-box">
								<button class="active download" id="download">
									<span>立即下载</span>
									<img src="img/download_icon.png" />
								</button><br />
								<button class="keep" id="keep">
									<span>收藏</span>
									<img src="img/keep_icon.png" />
								</button>
							</div>
						</div>
					</div>
					<!-- 第八组 -->
					<div class="col-sm-6 col-md-3">
						<div class="thumbnail">
							<a href="javascript:;">
								<img src="img/p29.jpg" alt="绿叶求职自我介绍PPT模板" />
								<div class="caption">
									<h5>绿叶求职自我介绍PPT模板</h5>
								</div>
							</a>
							<div class="thumbnail-box">
								<button class="active download" id="download">
									<span>立即下载</span>
									<img src="img/download_icon.png" />
								</button><br />
								<button class="keep" id="keep">
									<span>收藏</span>
									<img src="img/keep_icon.png" />
								</button>
							</div>
						</div>
					</div>
					<div class="col-sm-6 col-md-3">
						<div class="thumbnail">
							<a href="javascript:;">
								<img src="img/p30.jpg" alt="黑色高级创业项目计划书PPT模板" />
								<div class="caption">
									<h5>黑色高级创业项目计划书PPT模板</h5>
								</div>
							</a>
							<div class="thumbnail-box">
								<button class="active download" id="download">
									<span>立即下载</span>
									<img src="img/download_icon.png" />
								</button><br />
								<button class="keep" id="keep">
									<span>收藏</span>
									<img src="img/keep_icon.png" />
								</button>
							</div>
						</div>
					</div>
					<div class="col-sm-6 col-md-3">
						<div class="thumbnail">
							<a href="javascript:;">
								<img src="img/p31.jpg" alt="商务宣传PPT模板" />
								<div class="caption">
									<h5>商务宣传PPT模板</h5>
								</div>
							</a>
							<div class="thumbnail-box">
								<button class="active download" id="download">
									<span>立即下载</span>
									<img src="img/download_icon.png" />
								</button><br />
								<button class="keep" id="keep">
									<span>收藏</span>
									<img src="img/keep_icon.png" />
								</button>
							</div>
						</div>
					</div>
					<div class="col-sm-6 col-md-3">
						<div class="thumbnail">
							<a href="javascript:;">
								<img src="img/p32.jpg" alt="员工执行培训计划PPT模板" />
								<div class="caption">
									<h5>员工执行培训计划PPT模板</h5>
								</div>
							</a>
							<div class="thumbnail-box">
								<button class="active download" id="download">
									<span>立即下载</span>
									<img src="img/download_icon.png" />
								</button><br />
								<button class="keep" id="keep">
									<span>收藏</span>
									<img src="img/keep_icon.png" />
								</button>
							</div>
						</div>
					</div>
				</div>
				<!-- 页数 -->
				<div class="pages-list">
					<ul class="">
						<li><a class="prev" href="javascript:;">上一页</a></li>
						<li><a class="active " href="javascript:;">1</a></li>
						<li><a class="btn" href="javascript:;">2</a></li>
						<li><a class="btn" href="javascript:;">3</a></li>
						<li><a class="btn" href="javascript:;">4</a></li>
						<li><a class="btn" href="javascript:;">5</a></li>
						<li><a class="btn" href="javascript:;">6</a></li>
						<li><a class="btn" href="javascript:;">7</a></li>
						<li><a class="btn" href="javascript:;">8</a></li>
						<li style="background: none;">
							<div class="pagesmore">...</div>
						</li>
						<li><a class="btn" href="javascript:;">20</a></li>
						<li><a class="next" href="javascript:;">下一页</a></li>
					</ul>
				</div>
				<script type="text/javascript">
					function toggle(eles, active) {
						//封装函数、图片显示的部分、传入获取到的div，和被点击的序号
						function toggle(eles, active) {
							for (var i = eles.length; i--;) {
								eles[i].className = "item"; //先让所有div隐藏
							}
							eles[active].className = "item active"; //再让被点击的序号对应的div 显示
						}
						//获取按键和div
						var aBtn = document.getElementsByClassName("btn");
						var aIem = document.getElementsByClassName("item");
						var prev = document.getElementsByClassName("prev");
						var next = document.getElementsByClassName("next");
						var nowPage = 0; //定义当前页，默认值为0；

						for (var i = aBtn.length; i--;) {
							aBtn[i].tab = i;
							aBtn[i].onclick = function() {
								toggle(aIem, this.tab);
								nowPage = this.tab; //被点击后，保存当前页的序号
							}
						}
						//下一页
						next[0].onclick = function() {
							nowPage++;
							nowPage %= aBtn.length;
							toggle(aIem, nowPage);
						}
						//上一页
						prev[0].onclick = function() {
								nowPage--;
								if (nowPage == -1) {
									nowPage = aBtn.length - 1;
								}
								toggle(aIem, nowPage);
				</script>
			</div>
		</div>
		<!-- 版权 -->
		<footer>
			<div class="container">
				<ul class="ul_1">
					<li class="big">关于我们</li>
					<li>关于我们</li>
					<li>用户协议</li>
					<li>隐私政策</li>
				</ul>
				<ul class="ul_2">
					<li class="big">联系我们</li>
					<li>QQ 3301895394</li>
					<li>邮箱 3301895394@qq.com</li>
				</ul>
				<ul class="ul_3">
					<li><img src="img/footer_icon_sucai.png" alt=""></li>
					<li><img src="img/footer_icon_banquan.png" alt=""></li>
					<li><img src="img/ico3.png" alt=""></li>
					<li><img src="img/footer_icon_fuwu.png" alt=""></li>
					<li>海量素材</li>
					<li>正版授权</li>
					<li>每日更新</li>
					<li>贴心服务</li>
				</ul>
				<ul class="ul_4">
					<li class="big">关注我们</li>
					<li>
						<img src="img/about_us_code.jpg" alt="">
					</li>
					<li>微信扫码 了解更多</li>
				</ul>
				<div class="bottom">
					<span>Copyright © 2020-2021 上海蓝山办公软件有限公司</span>
					<span> 沪ICP备2021002117号-3</span>
				</div>
			</div>
		</footer>
	</body>

</html>